<!DOCTYPE html>
<html lang="zh-Hans-CN">

<head>
    <meta charset="UTF-8">
    <title>一些新的</title>
    <style>
        .box {
            writing-mode: tb-rl;
            -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
            margin: auto;
            text-align: center;
            /* IE 图片文字等垂直居中 */
        }
        /* 平滑滚动 */
        
        .css {
            overflow: auto;
            /* winphone8和android4+ */
            -webkit-overflow-scrolling: touch;
            /* ios5+ */
        }
        
        body {
            font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif;
            background-color: deepskyblue;
        }
        /* 愉快的炫酷效果 */
        
        h1 {
            margin: 0;
            text-align: center;
            font: bold 100px/1 "Microsoft Yahei", Helvetica, Arial, sans-serif;
            color: #fff;
            text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
            -webkit-transition: .2s all linear;
        }
        /* 监听 */
        
        @media screen and (min-width: 320px) {
            html {
                font-size: 20px;
            }
        }
    </style>
</head>

<body>
    <!--[if lt IE 9]
<label>这位少侠，你的刀已经跟不上目前流行刀客的节奏，赶紧升级体验现代浏览器的顺畅吧！</label>
<a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" title="下载高本版的ie浏览器，ie19...">下载IE高版本浏览器ie9+</a>或
使用<a href="http://rj.baidu.com/soft/detail/14744.html?ald" title="谷歌浏览器下载">chrome</a>
![endif]-->

    <h1>世界那么大，你想去看看</h1>
    <div class="box">墙里秋千墙外道~</div>
    <a href="http://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/">原帖地址</a>

    <a href="http://www.zhangxinxu.com/wordpress/2016/03/better-black-mask-guide-overlay-method/">
	遮罩演示层~
</a>
    <a href="http://www.zhangxinxu.com/wordpress/2016/02/svg-compress-tool-svgo-experience/">
	SVG压缩
</a>
</body>

</html>